@media (min-width:1200px){

}

@media (max-width: 992px) { 

}

@media (min-width: 768px) and (max-width: 991px){

}

@media (max-width: 767px){

    .logo{
        width: 75%;
    }
    .logo img{
        float:left;
    }
    .navbar-nav{
        border-top: 1px solid rgba(0,0,0,.1);
        margin-top: 15px;
    }
    .nav-item{

        padding:5px;
        border-bottom: 1px dotted;
    }
    .nav-item:last-child{
        border:0px;
    }
    .nav-link{
        padding:5px;
    }
    .nav-item.parent-menu{
        display: flex;
    }
    .nav-item.parent-menu a{
        width: 100%;
        display: block;
    }
    .parent-menu{
        display: block;
    }
    .sub-menu{
        position: relative;
        display: none;
        visibility: visible;
        margin: 0px;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100%;
        background: none;
        border: none;
        float: none;
        opacity: 1;
        transition: none;
        border: 0px;
        box-shadow: 3px 4px 10px 0px rgba(231.74999999999997, 231.74999999999997, 231.74999999999997, 0.34);
    }
    .dropdown-btn {
        position: absolute;
        right: 10px;
        top: 6px;
        width: 35px;
        height: 30px;
        background: url(../images/submenu-icon.png) center center no-repeat;
        background-size: auto;
        background-size: auto;
        background-size: 20px;
        cursor: pointer;
        z-index: 5;
    }
    .parent-menu i{
        display: none;
    }
    .nav-item.parent-menu{
        display: block;
    }
}